<template>
	<view class="main">
		<view class="topbar">
			<text class="back" @tap="goback"> < </text>
			<text>支付成功</text>
		</view>
		<view class="tis">订单支付成功</view>
		<view class="num">支付金额:{{money}}元</view>
		<div class="center">
			<div class="btn" @tap="tomine">个人中心</div>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				money:0
			}
		},
		onLoad(option){
			this.money = uni.getStorageSync('money')
		},
		methods:{
			goback(){
				uni.navigateBack({
				    delta: 1
				});
			},
			tomine(){
				uni.switchTab({
					url:`/pages/mine/mine` 
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.main{
		.topbar{
				position: fixed;
				left: 0;
				top: 0;
				background-color: #354e44;
				color: #fff;
				width: 100%;
				height: 44px;
				line-height: 44px;
				text-align: center;
				z-index: 998;
				.back{
					font-size: 24px;
					position: absolute;
					left: 20px;
				}
		}
		.tis{
		    width: 100%;
			height: 30px;
			line-height: 30px;
			text-align: center;
		    margin-top: 160px;
		    font-size: 24px;
		}
		.num{
			width: 100%;
			height: 30px;
			line-height: 30px;
			text-align: center;
			font-size: 18px;
			margin-top: 20px;
		}
		.center{
		    position: absolute;
		    width: 100%;
		    bottom: 240px;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			.btn{
			    padding: 0 25px;
			    height: 35px;
				line-height: 35px;
			    border: solid 1px #354E44;
			    color: #354E44;
			    align-items: center;
			    border-radius: 5px;
			    font-size: 17px;
			}
		}
	}
</style>
